<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS执行代码的顺序</title>
</head>
<body>

<!--    继续改写-->
    <script type="text/javascript">
        // 这样
        // window.onload = ready;
        // function ready() {
        //     document.getElementById("but1").onclick = function () {
        //         alert("执行成功");
        //     }
        // }
        // 或者
        window.onload = function () {
            document.getElementById("but1").onclick = function () {
                alert("执行成功");
            }
        }
        // 上面一共两个回调函数
        // 第一个为 window.onload 绑定的匿名函数, 在页面加载完毕之后执行
        // 执行结果为: 为 but1 按钮绑定匿名函数
        // 第二个为 but1.onclick 绑定的匿名函数, 在 but1 单击事件发生之后执行
    </script>
    <input type="button" value="but1" id="but1"/>

</body>
</html>